<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=750, maximum-scale=1.0,user-scalable=no">
	    <meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" type="text/css" href="style/reset.css">
		<link rel="stylesheet" type="text/css" href="style/food.css">
</head>
<body>
<!-- header -->
	<div class="header">
		<div class="logo">
			<img src="images/index.logo.png">
		</div>
		<div class="search">
			<input type="text" placeholder="输入商家、分类或商圈">
			<div class="glass">
				<img src="images/index_search.png" alt="">
			</div>
		</div>
		<div class="msg">
			<img src="images/index_msg.png" alt="">
		</div>
		<div class="code">
			<img src="images/index_code.png">
		</div>
	</div>
	<div class="clear"></div>
<!-- content -->
<div class="content">
	<div class="left">
		<ul>
			<li class="selected">优选水果</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
			<li>卤味熟食</li>
		</ul>
	</div>
	<div class="right">
		<h2>优选水果</h2>
		<div class="fex">
			<div class="box">
				<div class="fruit">
					<img src="images/friut.png">
				</div>
				<div class="select">
					<h3><span>精选</span>爱鲜蜂-佳沛绿奇异果</h3>
				<div class="buy">买一赠一</div>
				<div class="big">3粒/盒</div>
				<div class="price">¥16.9</div>
				</div>
				<div class="add">+</div>
			</div>
			<div class="box">
				<div class="fruit">
					<img src="images/friut.png">
				</div>
				<div class="select">
					<h3><span>精选</span>爱鲜蜂-佳沛绿奇异果</h3>
				<div class="buy">买一赠一</div>
				<div class="big">3粒/盒</div>
				<div class="price">¥16.9</div>
				</div>
				<div class="add">+</div>
			</div>
			<div class="box">
				<div class="fruit">
					<img src="images/friut.png">
				</div>
				<div class="select">
					<h3><span>精选</span>爱鲜蜂-佳沛绿奇异果</h3>
				<div class="buy">买一赠一</div>
				<div class="big">3粒/盒</div>
				<div class="price">¥16.9</div>
				</div>
				<div class="add">+</div>
			</div>
			<div class="box">
				<div class="fruit">
					<img src="images/friut.png">
				</div>
				<div class="select">
					<h3><span>精选</span>爱鲜蜂-佳沛绿奇异果</h3>
				<div class="buy">买一赠一</div>
				<div class="big">3粒/盒</div>
				<div class="price">¥16.9</div>
				</div>
				<div class="add">+</div>
			</div>
			
		</div>
	</div>
</div>
<div class="clear"></div>
<!-- foot -->
<div class="foot">
		<a class="box" href="index.html">
			<div class="img">
				<img src="images/index1.png">
			</div>
			<h3>首页</h3>
		</a>
		<a class="box" href="food.html">
			<div class="img">
				<img src="images/index_market1.png">
			</div>
			<h3>闪送超市</h3>
		</a>
		<a class="box" href="mine.html">
			<div class="img">
				<img src="images/mine.png">
			</div>
			<h3>我的</h3>
		</a>
		<a class="box" href="search.html">
			<div class="img">
				<img src="images/car.png">
			</div>
			<h3>¥0起送</h3>
		</a>
	</div>
</body>
</html>